<!DOCTYPE html>
<html>
  <head>
    <style>
      span {color: red}
      input[type=submit]:not([disabled]):not(:disabled) ~ span {color: green}
      input[type=submit][disabled]:disabled + span {color: blue}
      input[type=text] + span {color: red}
      input { display: none }
    </style>
  </head>

  <body onload='document.getElementById("one").setAttribute("type", "submit");
                document.getElementById("two").setAttribute("type", "submit");
                document.getElementById("two").setAttribute("disabled", "disabled");
                document.getElementById("one").removeAttribute("disabled");'>
    <input type="text" id="one" disabled="disabled"/>
    <span>Should be no red </span><br>
    <span>Should be no red </span><br>
    <input type="text" id="two"/>
    <span>Should be no red </span>
  </body>
</html>
